﻿@media only screen and (max-width:1440px){.part_video video{width:auto!important;height:850px}
}
.part_video{width:100%;height:850px;overflow:hidden;position:relative;background-image:url(../images/aboutvideo.jpg) center no-repeat;background-color:#010510}
.part_video video{width:100%}
.zhezhao{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9}
.video_text{width:1200px;text-align:center;margin:0 auto;margin-top:370px;color:#fff;display:none}
.video_text h2{font-size:54px;margin-bottom:30px; -webkit-animation-duration: 2.5s;animation-duration: 2.5s;}
.video_text p{font-size:22px;  -webkit-animation-duration: 2.5s;animation-duration: 2.5s;}
/*.video_text div{font-size:18px;width:180px;height:43px;margin:0 auto;color:#fff;line-height:43px;border:1px solid #fff;margin-top:40px}*/

.video_text div{animation:touming 1.5s;font-size:18px;width:180px;height:43px;margin:0 auto;line-height:43px;border:1px solid #f20c2b;background-color:#f20c2b;color:#fff;margin-top:40px;-webkit-border-radius:50px;-moz-border-radius:50px;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.video_text div:hover{background-color:rgba(0,0,0,0);border:1px solid #fff;color:#fff}
@keyframes touming{0%{opacity:0}
30%{opacity:.3}
60%{opacity:.6}
100%{opacity:1}
}



/*业务*/
.yewu{ overflow:hidden; margin-top:30px;}
.yewu h2{ font-size:36px; color:#000; text-align:center; line-height:72px; height:72px;}
.yewu p{ font-size:16px; color:#333; text-align:center; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom;  margin-bottom:20px; }
.yewu h3 em{ color:#ff5b00}
.yewu .service{ width:1200px; margin:0 auto; position:relative;}
.yewu .service .ul{ width:100%;}
.yewu .service .ul li{ float:left; position:relative; padding:42px 21px 0 45px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-top:none; width:266px; height:217px;}
.yewu .service .ul li.a_service1{ border:1px solid #dadada; border-right:none; width:532px;}
.yewu .service .ul li.a_service2{ border-top:1px solid #dadada; border-right:1px solid #dadada; width:533px;}

.yewu .service .ul li.a_service3{width:233px;}
.yewu .service .ul li.a_service4{ border-left:1px solid #dadada; width:232px;}
.yewu .service .ul li.a_service5{ border-right:1px solid #dadada; border-right:none; width:233px;}
.yewu .service .ul li.a_service6{ border-right:1px solid #dadada; width:233px;}

.yewu .service .ul li .span{ position:absolute; right:25px; top:36px;}
.yewu .service .ul li .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; display:none;}
.yewu .service .ul li a{ display:inline-block; color:#555; line-height:20px; text-decoration:none;}
.yewu .service .ul li a .icon{height:120px;}
.yewu .service .ul li a span{ display:block; font-size:14px;}
.yewu .service .ul li a .title{ font-size:22px; padding-bottom:10px;}
.yewu .service .ul li a .brief{ color:#999;}
.yewu .service .ul li a:hover .icon img{transform: rotateY(360deg);transition: all 0.5s ease-out;}
.yewu .service .ul li.a_service1 a{ padding:120px 0 0;background:url(../images/bg31.jpg) no-repeat left top;}
.yewu .service .ul li.a_service2 a{ padding:120px 0 0;background:url(../images/bg30.jpg) no-repeat left 12px;}


/*案例*/
.case{ overflow:hidden; width:100%; background:#f4f4f4; margin-top:40px;}
.case p{ font-size:16px; color:#333; text-align:center; margin-top:50px;  line-height:52px; height:52px;}
.case h3{ font-size:30px; color:#333; text-align:center; font-weight:normal; padding-bottom:20px; background:url(../images/title_bg.png) no-repeat center bottom; margin-bottom:40px;}
.case h3 em{ color:#ff5b00}
.case .our_case_cont ul li{ width:20%; height:100%;overflow: hidden; float:left; position:relative; padding:0px; margin:0px;}
.case .our_case_cont ul li a{display:block;}
.case .our_case_cont ul li .imglist{ width:100%;}
.case .our_case_cont ul li .divDown{ position:absolute;background: rgba(0,0,0,.5); left:0px; bottom:0px; width:100%; height:100%; text-align:center; transform: scale(0);transition: all .5s;}
.case .our_case_cont ul li .divDown img{ display:none;}
.case .our_case_cont ul li .divDown .cont{ width:80%; height:100%; margin:0 auto; display:table;}
.case .our_case_cont ul li .divDown .cont .div{ display:table-cell; vertical-align:middle;}
.case .our_case_cont ul li .divDown .cont span{ display:block;  color:#fff;}
.case .our_case_cont ul li .divDown .cont .tit{height:30px; line-height:30px; font-size:22px; }
.case .our_case_cont ul li .divDown .cont .p{ line-height:22px; font-size:16px; margin-top:10px; text-align:center;}
.case .our_case_cont ul li:hover .divDown{transform: scale(1);}
.case .see_more{ text-align:center; padding-top:38px; margin-bottom:60px;}
.case .see_more a{ display:inline-block; background:url(../images/bg38_2.png) no-repeat center top; width:360px; height:60px; font-size:16px; line-height:60px; text-decoration:none; font-weight:bold;}
.case .see_more a span{ color:#fff; padding-right:25px; background:url(../images/bg37_2.png) no-repeat right center;}


/*为什么选择龙创*/
.index-why{padding:30px 0;}
.index-why h2{background: url(../images/technology_title2.png) no-repeat center center;}
.index-why h2 em{display:inline-block; padding:0 20px; background:#fff;}
.index-why ul{margin-top:10px; padding-bottom:40px; }
.index-why ul li{ float:left; width:374px; margin:0 13px; position:relative; text-align:center; *padding-top:20px}
.index-why ul em{ display:block; width:11px; height:11px; background:url(../images/shuzi_yuan.png) no-repeat center; position:absolute; top:143px;}
.index-why ul .em01{ left:0}
.index-why ul .em02{ right:1px}
.index-why ul span{ display:block; width:363px; height:145px; background:url(../images/shuzi_xian.png) no-repeat left top; position:absolute; left:5px; top:0; }
.index-why ul .shuzi01{ width:130px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}
.index-why ul .shuzi02{ width:220px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}
.index-why ul .shuzi03{ width:180px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}

.index-why ul b { display:block; width:100%; overflow:hidden;}
.index-why ul b i{ font-size:100px; color:#ff5b00; display:block; width:100%; height:125px; line-height:125px; font-style:normal; text-align:center;font-family:small,Arial,Helvetica,sans-serif;}
.index-why ul p{ font-size:16px; line-height:22px; color:#333;}
.index-why ul .shuzi01 b{ margin-top:-499px}
.index-why ul .shuzi02 b{ margin-top:-1625px}
.index-why ul .shuzi03 b{ margin-top:-1625px}


/*建网站？这些，可能是您关心的！*/
.i05-guanxin-bj{ background:#f4f4f4;background-repeat: repeat;background-position: center top;height: 810px;}
.i05-guanxin-bj .tit{text-align: center;height: 160px;padding-top: 66px;font-size: 40px;color: #333;}
.i05-guanxin-bj .tit p{font-size: 16px;margin-top: 20px;}
.i05-guanxin a{font-size: 17px;line-height: 1em;color: #FFFFFF;display: block;position: absolute;background-image: url(../images/i05-guanxin.png);background-repeat: no-repeat;}
.i05-guanxin a:hover{opacity:0.5;}
.i05-guanxin a b{position: absolute;width: 100%;height: 100%;margin-top: 0px;margin-left: 0px;display: none;background-image: url(../images/dd.png);}
.i05-guanxin a:hover b{display: block;}
.i05-guanxin a s{position: absolute;width: 100%;height: 100%;margin-top: 0px;margin-left: 0px;display: none;background-image: url(../images/ddd.png);background-repeat: no-repeat;background-position: center center;}
.i05-guanxin a:hover s{display: block;}
.i05-guanxin a span{text-align: center;position: absolute;width: 100%;margin-left: 0px;}

.i05-guanxin .a1{height: 246px;width: 307px;margin-top: 0px;margin-left: 0px;background-position: 0px 0px;}
.i05-guanxin .a1 span{padding-top: 170px;}
.i05-guanxin .a2{height: 117px;width: 166px;margin-top: 0px;margin-left: 319px;background-position: -319px 0px;}
.i05-guanxin .a2 span{padding-top: 85px;}
.i05-guanxin .a3{height: 117px;width: 166px;margin-top: 129px;margin-left: 319px;background-position: -319px -129px;}
.i05-guanxin .a3 span{padding-top: 85px;}
.i05-guanxin .a4{height: 246px;width: 338px;margin-top: 0px;margin-left: 498px;background-position: -498px 0px;}
.i05-guanxin .a4 span{padding-top: 170px;}
.i05-guanxin .a5{height: 117px;width: 353px;margin-top: 0px;margin-left: 847px;background-position: -847px 0px;}
.i05-guanxin .a5 span{padding-top: 85px;}
.i05-guanxin .a6{height: 117px;width: 353px;margin-top: 129px;margin-left: 847px;background-position: -847px -129px;}
.i05-guanxin .a6 span{padding-top: 85px;}
.i05-guanxin .a7{height: 117px;width: 307px;margin-top: 258px;margin-left: 0px;background-position: 0px -258px;}
.i05-guanxin .a7 span{padding-top: 85px;}
.i05-guanxin .a8{height: 117px;width: 307px;margin-top: 387px;margin-left: 0px;background-position: 0px -387px;}
.i05-guanxin .a8 span{padding-top: 85px;}
.i05-guanxin .a9{height: 246px;width: 516px;margin-top: 258px;margin-left: 319px;background-position: -319px -258px;}
.i05-guanxin .a9 span{padding-top: 170px;}
.i05-guanxin .a10{height: 117px;width: 171px;margin-top: 258px;margin-left: 847px;background-position: -847px -258px;}
.i05-guanxin .a10 span{padding-top: 85px;}
.i05-guanxin .a11{height: 117px;width: 171px;margin-top: 258px;margin-left: 1029px;background-position: -1029px -258px;}
.i05-guanxin .a11 span{padding-top: 85px;}
.i05-guanxin .a12{height: 117px;width: 353px;margin-top: 387px;margin-left: 847px;background-position: -847px -387px;}
.i05-guanxin .a12 span{padding-top: 85px;}

.index-jzlc{padding:30px 0;}
.index-jzlc h2{background: url(../images/technology_title2.png) no-repeat center center;}
.index-jzlc li{float:left; width:200px; padding-top:80px; text-align:center;}
.index-jzlc li:nth-child(1){background:url(../images/jzlc_icon1.png) no-repeat center top;}
.index-jzlc li:nth-child(2){background:url(../images/jzlc_icon2.png) no-repeat center top;}
.index-jzlc li:nth-child(3){background:url(../images/jzlc_icon3.png) no-repeat center top;}
.index-jzlc li:nth-child(4){background:url(../images/jzlc_icon4.png) no-repeat center top;}
.index-jzlc li:nth-child(5){background:url(../images/jzlc_icon5.png) no-repeat center top;}
.index-jzlc li:nth-child(6){background:url(../images/jzlc_icon6.png) no-repeat center top;}
.index-jzlc li p{margin-bottom: 9px;font-size: 18px;}
.index-jzlc li span{font-size: 12px;}


.index-partner{padding:30px 0;}
.index-partner h2{background: url(../images/technology_title2.png) no-repeat center center;}

/*新闻*/
.newsindex{ font-size:14px; line-height:28px;}
.newsindex .con{ width:1200px; margin:0 auto;}
.con5 .con{ overflow:visible;}
.newsindex h2{background: url(../images/technology_title2.png) no-repeat center center;}
.con5 .nav{ text-align:center;}

.con5 .nav a{ display:inline-block; width:150px; height:35px; text-align:center; line-height:35px; font-size:14px; background:url(../images/newsindex_con5bg_03.jpg) no-repeat; margin:0 15px; color:#fff; font-weight:bold;  text-decoration:none}
.con5 .nav a.a{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: gray;}

.con5 .nav a:hover{ color:#fff;}
.con5 .divBox{ width:100%; position:relative; overflow:hidden; height:540px;}
.con5 .box{ position:absolute; top:0; left:0; background:#fff; width:100%;}
.con5 .box .citylist .divNews{ position:absolute; left:0; top:0; width:4802px;}
.con5 .box .citylist .newsList{ width:1200px; float:left;}
.con5 .box .citylist .cityBan .newslistTop{ padding-top:47px;}
.con5 .box .citylist .cityBan .newslistTop .prev_next{ position:relative; z-index:10; top:-25px; width:300px; padding:0 30px; text-align:center; background:#fff; margin:0 auto; overflow:hidden; left:50%; margin-left:-180px;}
.con5 .box .citylist .cityBan .newslistTop .prev_next .more{ display:inline-block; width:150px; height:40px; line-height:40px; font-size:16px; background:url(../images/newsindex_bg1_03.jpg) no-repeat center bottom; text-indent:35px; text-align:left; margin-top:5px; float:left}
.con5 .box .citylist .cityBan .newslistTop .btn_prev,.con5 .box .citylist .cityBan .newslistTop .btn_next{ display:inline-block; width:50px; height:50px;}
.con5 .box .citylist .cityBan .newslistTop .btn_prev{ background:url(../images/bg41.png) no-repeat center center; float:left; margin-right:25px;}
.con5 .box .citylist .cityBan .newslistTop .btn_next{ background:url(../images/bg42.png) no-repeat center center; float:right;}


.con5 .box .citylist .cityBan .newslistTop .div{ border-bottom:#f3f3f3 1px solid; height:470px;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl{ overflow:hidden; width:462px; float:left; margin-right:79px;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt{ float:left; width:180px; height:135px;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dt img{ width:180px; height:135px;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd{ float:right; width:262px;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl dd .tit{ font-size:16px;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .p{ font-size:14px; color:#888; line-height:20px; margin:10px 0;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more{ display:inline-block; width:80px; line-height:30px; background:url(../images/bg52.jpg) no-repeat center top; color:#555; padding-left:20px;}
.con5 .box .citylist .cityBan .NewsTopBan .newsTop dl .more:hover{background:url(../images/bg51.jpg) no-repeat center top; color:#fff;}
.con5 .box .citylist .cityBan .NewsTopBan ul li{ width:560px; float:left; margin-right:79px; padding:20px 0; border-bottom:#f3f3f3 1px solid;}
.con5 .box .citylist .cityBan .NewsTopBan ul li .time{ display:inline-block; width:100px; padding:13px 0; background:url(../images/bg53.jpg) no-repeat center top; text-align:center; float:left}
.con5 .box .citylist .cityBan .NewsTopBan ul li .time b{ display:block; font-size:56px; line-height:0.8;}
.con5 .box .citylist .cityBan .NewsTopBan ul li p{ margin:0; width:440px; float:right;}
.con5 .box .citylist .cityBan .NewsTopBan ul li p a{ line-height:3; font-size:16px;}
.con5 .box .citylist .cityBan .NewsTopBan ul li p span{ display:block; line-height:20px; color:#888; font-size:14px;}

/*友情链接*/
#links{border-top:1px dashed #eeeeee; padding-top:16px; padding-bottom:16px; margin-top:10px;line-height:26px;}
#links a{color:#333; text-decoration:none;}
